*{
    margin:0;
    padding:0;
}
html,body{
    width:100%;
    height:100%;
    font-size:14px;
}
.header{
    width:100%;
    height:45px;
    /* background:black; */
}
.header .icon{
    width:123px;
    height:129px;
    margin-top:-40px;
    color:white;
    opacity:0.5;
    display:inline-block;
    position: absolute;
}
.header .logo a .icon:hover{
    opacity: 1;
}
.header .register{
    list-style:none;
    float:right;
    line-height: 45px;
    color:#ccc;
}
.header .register li{
    float:left;   
    margin-right:20px; 
}
.header .register li:hover{
    color:white;
    cursor:pointer;
}
.content{
    width:100%;
    height:460px;
    /*background-color:blue; */
}
.content>.content_in{
    width:1200px;
    height:100%;
    /* background:deeppink; */
    margin:0 auto;
}
.content_in>.content_left{
    width:800px;
    height:100%;
    float:left;
    /* background-color:pink; */
}
.content_left .content_toolbar{
    width:100%;
    height:40px;
    /* background:rgb(70, 69, 69); */
    margin:0 auto;
    margin-left:16px;

}
.content_toolbar span{
    display:inline-block;
    width:122px;
    height:100%;
    line-height:40px;
    text-align:center;
    border:1px solid #fff;
    box-sizing:border-box;
    border-radius:3px;
    color:#fff;
    opacity:0.5;
}
.content_toolbar span:hover{
    opacity:1;
    cursor:pointer;
}
.content_list{
    width:100%;
    height:420px;
    /* background:purple; */
    overflow:auto;
}
.content_list ul>li{
    list-style:none;
    width:100%;
    height:50px;
    /* background:orangered; */
    float:left;
    opacity:0.5;
}
.content_list ul>li:hover{
    opacity: 1;
}
.content_list ul>li div{
    float:left;
    color:#fff;
    /* 设置所有控制列表的文字为垂直居中 */
    line-height: 50px;
}
.content_list .list_check{
    width:50px;
    height:100%;
    /* background:black; */
    text-align:center;
}
.content_list .list_check i{
    display:inline-block;
    width:14px;
    height:14px;
    border:1px solid #fff;
}
.content_list .list_singer{
    width:20%;
    height: 100%;
    /* background:pink; */
}
.content_list .list_number{
    width:20px;
    height:100%;
    /* background:green; */
}
.content_list .list_name{
    width:50%;
    height:100%;
    /* background:#ccc; */
}
.content_list .list_name .list_menu{
    margin-right:15px;
    float:right;
    /*隐藏歌曲列表中单曲后面的按钮*/
    display:none;
}
.content_list .icon{
    margin-top:10px;
}
/* .content_list .list_time{
    width:170px;
} */
.content_list .list_time a{
    /* 隐藏垃圾桶 */
    display:none;           
}
.icon{
    width:20px;
    height:20px;
    margin-top:2px;
}
.content_toolbar span i{
    display:inline-block;
    width:18px;
    height:18px;
    margin-right:5px;
    vertical-align:-4px;
}

.content_in>.content_right{
    width:400px;
    height:100%;
    float:right;
    /* background-color:#ccc; */
}

/* 设置滚动条的宽度 */
._mCS_1 .mCSB_scrollTools .mCSB_dragger_bar{
    width:8px;
}
.song_info{
    text-align:center;
    color:rgba(255,255,255,0.5);
    /* 设置行高，将文字间 */
    line-height: 30px;
}
.song_info div a{
    text-decoration: none;
    color:#fff;
    opacity:0.5;
}
.song_info div a:hover{
    opacity:1;
}
/* 当前播放的图片设置属性 */
.song_info .song_info_pic img{
    width:201px;
    height:180px;
}
.content_right .song_lyric{
    /* background-color:green;  */
    text-align:center;
    margin-top:60px;
}
.content_right .song_lyric li{
    list-style: none;
    line-height: 30px;
    font-weight: bold;
    color:rgba(255, 255, 255, 0.5)
}
.content_right .song_lyric .cur{
    color:#31c27c;
}

.footer{
    width:100%;
    height:80px;
    /* background:green; */
    position:absolute;
    left:0;
    bottom:0;
}
.footer>.footer_in{
    width:1200px;
    height:100%;
    /* background-color:plum; */
    margin:0 auto;
}
.footer_in a{
    display:inline-block;
    text-decoration:none;
    color:#fff;
    background:url('../imgs/player.png') no-repeat 0 0;
    margin-right:18px;
}
/* 上一首按钮 */
.footer_in .music_pre{
    width:19px;
    height:20px;
    background-position:0 -30px;
}
/* 播放按钮 */
.footer_in .music_play{
    width:21px;
    height:29px;
    background-position:0 0;
    vertical-align: -5px;
}
/* 暂停按钮 */
.footer_in .music_play2{
    background-position:-30px 0;
}
/* 下一首按钮 */
.footer_in .music_next{
    width:19px;
    height:20px;
    background-position: 0 -52px;
}
/* 歌曲的进度条 */
.footer_in .music_progress_info{
    display:inline-block;
    width:666px;
    height:40px;
    /* background-color:red; */
    position: relative;
    top:10px;
}
.footer_in .music_progress_info .music_progress_info_top{
    height:30px;
    line-height:30px;
    /* background-color:black; */
    color:#fff;
}
.footer_in .music_progress_info .music_progress_name{
    float:left;
    opacity:0.5;
}
.footer_in .music_progress_info .music_progress_name:hover{
    opacity:1;
}
.footer_in .music_progress_info .music_progress_time{
    opacity:0.5;
    float:right;
    margin-right:5px;
}
/* 歌曲进度条的背景div */
.footer_in .music_progress_info .music_progress_info_bar{
    width:100%;
    height:4px;
    background-color:rgba(255,255,255,0.5);
    margin-top:5px;
}
/* 歌曲进度条的前景div */
.music_progress_info .music_progress_line{
    width:100px;
    height:100%;
    background-color:rgba(255, 255, 255, 1)
}
/* 设置进度条中的圆点 */
.music_progress_info .music_progress_line .music_progress_dot{
    width:14px;
    height:14px;
    border-radius:50%;
    background-color: rgba(255, 255, 255, 1);
    position: relative;
    top:-5px;
    left:100px;
}
/* -----模式按钮------- */
.footer_in .music_mode{
    width:26px;
    height:25px;
    background-position:0 -205px;
}
.footer_in .music_mode2{
    width: 23px;
    height: 20px;
    background-position:0 -260px;
}
.footer_in .music_mode3{
    width: 25px;
    height: 19px;
    background-position: 0 -74px;
}
.footer_in .music_mode4{
    width: 26px;
    height: 25px;
    background-position: 0 -232px;
}
/* -----空心形按钮------- */
.footer_in .music_fav{
    width:25px;
    height:21px;
    background-position:0 -96px;
}
/* 红实心形按钮 */
.footer_in .music_fav2{
    background-position: -30px -96px;
}
/* -----下载按钮------- */
.footer_in .music_down{
    width:22px;
    height:21px;
    background-position: 0 -120px;
}
/* -----评论按钮------- */
.footer_in .music_comment{
    width:24px;
    height:24px;
    background-position: 0 -400px;
}
/* -----纯净按钮------- */
.footer_in .music_only{
    width:74px;
    height:27px;
    background-position:0 -281px;
}
.footer_in .music_only2{
    background-position: 0 -311px;
}
/* 声音按钮 */
.footer_in .music_voice_info{
    display:inline-block;
    width:96px;
    height:40px;
    /*background-color:green; */
    position: relative;
}
/* 父相子绝是为了让子元素根据父元素的位置进行定位 */
.music_voice_info a{
    width:26px;
    height:21px;
    background-position:0 -144px;
    position: absolute;
    left:0px;
    top:15px;
}
/* 声音的进度条 */
.music_voice_info .music_voice_info_bar{
    width:60px;
    height:3px;
    background-color:rgba(255, 255, 255, 0.5);
    position:absolute;
    top:24px;
    left:29px;
}
.music_voice_info .music_voice_line{
    width:30px;
    height:3px;
    background-color:rgba(255, 255, 255, 1);
}
.music_voice_info .music_voice_dot{
    width:10px;
    height:10px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 1);
    position: relative;
    top:-3.5px;
    left:30px;
}
/* 高斯模糊 */
.mask_bg{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:url("../imgs/qq封面.jpg") no-repeat 0 0;
    background-size:cover;      /*铺满整个屏幕*/
    z-index:-2;                 /*为了让图片在下方呈现*/
    filter:blur(100px);
}
.mask{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:-1;
    background-size:cover;
    background-color:rbga(255,255,255,0.35);
}